<template>
    <div>
        <!--导航栏设计-->
        <section id="navBar">
            <nav class="sticky-container" data-sticky-container="">
                <div class="row">
                    <div class="large-12 columns">
                        <div class="top-bar show-for-large w" id="beNav" style="width: 100%;">
                            <div class="logo">
                                <h1>
                                    <a href="index.html" title="视频播放器">视频播放器</a>
                                </h1>
                            </div>

                            <div class="top-bar-left">
                                <ul>
                                    <li>
                                        <a href="/"><i class="fa fa-home"></i>&nbsp;主页</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fa fa-th"></i>&nbsp;分类</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fa fa-edit"></i>&nbsp;博客</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>
        </section>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped>
@import '../assets/css/app.css';
@import '../assets/css/common.css';
</style>